/* 导览页 */

.imp-box .imp-border {
    position: absolute;
    width: 50px;
    height: 50px;
}

.imp0 .imp-border1 {
    top: -1px;
    left: -1px;
    border-left: 2px solid #ffeb3b;
    border-top: 2px solid #ffeb3b;
}

.imp0 .imp-border2 {
    top: -1px;
    right: -1px;
    border-right: 2px solid #ffeb3b;
    border-top: 2px solid #ffeb3b;
}

.imp0 .imp-border3 {
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid #ffeb3b;
    border-left: 2px solid #ffeb3b;
}

.imp0 .imp-border4 {
    bottom: -1px;
    right: -1px;
    border-right: 2px solid #ffeb3b;
    border-bottom: 2px solid #ffeb3b;
}

.imp1 .imp-border1 {
    top: -1px;
    left: -1px;
    border-left: 2px solid #e91e63;
    border-top: 2px solid #e91e63;
}

.imp1 .imp-border2 {
    top: -1px;
    right: -1px;
    border-right: 2px solid #e91e63;
    border-top: 2px solid #e91e63;
}

.imp1 .imp-border3 {
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid #e91e63;
    border-left: 2px solid #e91e63;
}

.imp1 .imp-border4 {
    bottom: -1px;
    right: -1px;
    border-right: 2px solid #e91e63;
    border-bottom: 2px solid #e91e63;
}

.imp2 .imp-border1 {
    top: -1px;
    left: -1px;
    border-left: 2px solid #009688;
    border-top: 2px solid #009688;
}

.imp2 .imp-border2 {
    top: -1px;
    right: -1px;
    border-right: 2px solid #009688;
    border-top: 2px solid #009688;
}

.imp2 .imp-border3 {
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid #009688;
    border-left: 2px solid #009688;
}

.imp2 .imp-border4 {
    bottom: -1px;
    right: -1px;
    border-right: 2px solid #009688;
    border-bottom: 2px solid #009688;
}

.imp3 .imp-border1 {
    top: -1px;
    left: -1px;
    border-left: 2px solid #00bcd4;
    border-top: 2px solid #00bcd4;
}

.imp3 .imp-border2 {
    top: -1px;
    right: -1px;
    border-right: 2px solid #00bcd4;
    border-top: 2px solid #00bcd4;
}

.imp3 .imp-border3 {
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid #00bcd4;
    border-left: 2px solid #00bcd4;
}

.imp3 .imp-border4 {
    bottom: -1px;
    right: -1px;
    border-right: 2px solid #00bcd4;
    border-bottom: 2px solid #00bcd4;
}


/* 要素选择 */

.rfactor .imp-border {
    position: absolute;
    width: 20px;
    height: 20px;
}


/* 指标 */

.rindex .imp-border {
    position: absolute;
    width: 20px;
    height: 20px;
}


/* 图表 */

.chartborder .imp-border {
    position: absolute;
    width: 20px;
    height: 20px;
}

.imp0 .titleActive {
    background: #ffeb3b
}

.imp1 .titleActive {
    background: #e91e63
}

.imp2 .titleActive {
    background: #009688
}

.imp3 .titleActive {
    background: #00bcd4
}


/* 时间轴的样式 */

.imp0.slider-pips__pip:hover {
    color: #ffeb3b;
}

.imp0.slider-pips__pip--selected {
    color: #ffeb3b;
}

.imp0.slider-pips__range::-webkit-slider-thumb {
    background: #ffeb3b;
}


/* .slider-pips__pip--selected--1 */

.imp0.slider-pips__label {
    color: #ffeb3b;
}

.imp1.slider-pips__pip:hover {
    color: #e91e63;
}

.imp1.slider-pips__pip--selected {
    color: #e91e63;
}

.imp1.slider-pips__range::-webkit-slider-thumb {
    background: #e91e63;
}

.imp2.slider-pips__pip:hover {
    color: #009688;
}

.imp2.slider-pips__pip--selected {
    color: #009688;
}

.imp2.slider-pips__range::-webkit-slider-thumb {
    background: #009688;
}

.imp3.slider-pips__pip:hover {
    color: #00bcd4;
}

.imp3.slider-pips__pip--selected {
    color: #00bcd4;
}

.imp3.slider-pips__range::-webkit-slider-thumb {
    background: #00bcd4;
}


/* 指标的font */


/* 年份 */

.imp0 p strong,
.imp0.rtime-year span.active,
.imp0.rtime-year span:hover,
.imp0.arealist li.active,
.imp0.arealist li:hover,
.imp0.rmap-title cite,
.imp0.tb {
    color: #ffeb3b
}

.imp1 p strong,
.imp1.rtime-year span.active,
.imp1.rtime-year span:hover,
.imp1.arealist li.active,
.imp1.arealist li:hover,
.imp1.rmap-title cite,
.imp1.tb {
    color: #e91e63
}

.imp2 p strong,
.imp2.rtime-year span.active,
.imp2.rtime-year span:hover,
.imp2.arealist li.active,
.imp2.arealist li:hover,
.imp2.rmap-title cite,
.imp2.tb {
    color: #009688
}

.imp3 p strong,
.imp3.rtime-year span.active,
.imp3.rtime-year span:hover,
.imp3.arealist li.active,
.imp3.arealist li:hover,
.imp3.rmap-title cite,
.imp3.tb {
    color: #00bcd4
}

.rfactor .imp-border1 {
    top: -1px;
    left: -1px;
    border-left: 2px solid #7bc6ff;
    border-top: 2px solid #7bc6ff;
}

.rfactor .imp-border2 {
    top: -1px;
    right: -1px;
    border-right: 2px solid #7bc6ff;
    border-top: 2px solid #7bc6ff;
}

.rfactor .imp-border3 {
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid #7bc6ff;
    border-left: 2px solid #7bc6ff;
}

.rfactor .imp-border4 {
    bottom: -1px;
    right: -1px;
    border-right: 2px solid #7bc6ff;
    border-bottom: 2px solid #7bc6ff;
}


/* 图斑页图表 */

.chart-spots .imp-border {
    position: absolute;
    width: 30px;
    height: 30px;
}

.chart-spots .imp-border1 {
    top: 0px;
    left: 0px;
    border-left: 2px solid #7bc6ff;
    border-top: 2px solid #7bc6ff;
}

.chart-spots .imp-border2 {
    top: 0px;
    right: 0px;
    border-right: 2px solid #7bc6ff;
    border-top: 2px solid #7bc6ff;
}

.chart-spots .imp-border3 {
    bottom: 0px;
    left: 0px;
    border-bottom: 2px solid #7bc6ff;
    border-left: 2px solid #7bc6ff;
}

.chart-spots .imp-border4 {
    bottom: 0px;
    right: 0px;
    border-right: 2px solid #7bc6ff;
    border-bottom: 2px solid #7bc6ff;
}


/* 空间选择区域 */

.imp0.areaHoverStyle:hover,
.imp0.areaSelectStyle {
    color: #ffeb3b;
}

.imp1.areaHoverStyle:hover,
.imp1.areaSelectStyle {
    color: #e91e63;
}

.imp2.areaHoverStyle:hover,
.imp2.areaSelectStyle {
    color: #009688;
}

.imp3.areaHoverStyle:hover,
.imp3.areaSelectStyle {
    color: #00bcd4;
}